<!DOCTYPE html>
<html>
<head>
	<title></title>
	@@include('../../templeate/metasetting.html')
	@@include('../../templeate/statis.html')
	<link rel="stylesheet" type="text/css" href="../../frontlib/css/wealthDetail.css">
	</head>
<body>
@@include('../../templeate/header.html')
<!-- 推广首页内容 start -->
<div class = "content">
    @@include('../../templeate/accountTop.html')
	<div class="content-main">
		<div class="content-main-left">
            <ul class="menu" id="helpMenu"></ul>
        </div>
		<div class="content-main-right">
            <div class="content-main-right-top">
                <div class="title">
                    <span class="red">金币明细</span>
                    <span class="ml25">金豆明细</span>
                </div>
            </div>

            <!--金币明细  -->
            <div>
                <div class="tab-content">
                    <div class="content-main-right-table">
                        <div class="search-item">
                            <label class="fl mr4">发生时间：</label>
                            <div class="calendar fl mr20">
                                <input type="text">
                                <i class="icon-date"></i>
                            </div>
                            <div class="calendar fl mr10">
                                <input type="text">
                                <i class="icon-date"></i>
                            </div>
                            <div class="fl mr20">
                                <span class="tab-item red">全部</span>
                                <span class="tab-item">今日</span>
                                <span class="tab-item last">近一周</span>
                            </div>
                            <div class="fl">
                                <button class="search-btn">查询</button>
                            </div>
                        </div>
        
                        <div class="table-list">
                            <div class="table-list-header">
                                <div class="occur-time">发生时间</div>
                                <div class="result" title="">变化原因</div>
                                <div class="grow-value-change">成长值变化</div>
                                <div class="gold-coin-change">金币变化</div>
                                <div class="gold-coin-account">金币余额</div>
                            </div>
                            <div class="table-list-body">
                                <div class="body-item">
                                    <div class="occur-time">2019-05-09  09:46:20</div>
                                    <div class="result">签到有礼，奖励27金币</div>
                                    <div class="grow-value-change">0</div>
                                    <div class="gold-coin-change red">27</div>
                                    <div class="gold-coin-account">10027</div>
                                </div> 
                                <div class="body-item bg-color last">
                                    <div class="occur-time">2019-05-09  09:46:20</div>
                                    <div class="result">新注册礼包</div>
                                    <div class="grow-value-change">0</div>
                                    <div class="gold-coin-change red">10000</div>
                                    <div class="gold-coin-account">10000</div>
                                </div> 
                            </div>
                        </div>
                    </div>
                </div>
                <!-- 金币明细 -->

                <!-- 金豆明細 -->
                <div class="tab-content hide">
                    <ul class="content-main-right-card">
                        <li>
                            <div class="card-item">
                                <div class="card-item-icon">
                                    <img src="../../frontlib/img/static/bean.png">
                                </div>
                                <div class="card-item-text">
                                    <div class="fs18">目前可用金豆：</div>
                                    <div class="red fs14">5,000 <i class="money-red"></i></div>
                                    <div class="blue fs14">
                                        <a>兑换乐豆</a>
                                        <a>赢乐豆</a>
                                        <a>兑换物品</a>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="card-item">
                                <div class="card-item-icon">
                                    <img src="../../frontlib/img/static/safe.png">
                                </div>
                                <div class="card-item-text">
                                    <div class="fs18">保险箱的金豆：</div>
                                    <div class="red fs14">0 <i class="money-red"></i></div>
                                    <div class="bule fs14">
                                        <a>存入</a>
                                        <a>取出</a>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li class="last">
                            <div class="card-item">
                                <div class="card-item-icon">
                                    <img src="../../frontlib/img/static/card.png">
                                </div>
                                <div class="card-item-text">
                                    <div class="fs18">我的福利卡：</div>
                                    <div class=" fs14"><span class="red">0</span>张</div>
                                    <div class="bule fs14">
                                        <a>使用福利卡</a>
                                        <a>获取福利卡</a>
                                    </div>
                                </div>
                            </div>
                        </li>
                    </ul>
                    <div class="content-main-right-table">
                        <div class="content-tab">
                            <label>奖品类别：</label>
                            <span class="tab-item red">全部</span>
                            <span class="tab-item">返利</span>
                            <span class="tab-item">活动</span>
                            <span class="tab-item last">其他</span>
                        </div>
                        <div class="search-item">
                            <label class="fl mr4">兑换时间：</label>
                            <div class="calendar fl mr20">
                                <input type="text">
                                <i class="icon-date"></i>
                            </div>
                            <div class="calendar fl mr10">
                                <input type="text">
                                <i class="icon-date"></i>
                            </div>
                            <div class="fl mr20">
                                <span class="tab-item red">全部</span>
                                <span class="tab-item">今日</span>
                                <span class="tab-item last">近一周</span>
                            </div>
                            <div class="fl">
                                <button class="search-btn">查询</button>
                            </div>
                        </div>
        
                        <div class="table-list">
                            <div class="table-list-header">
                                <div class="occur-time">发生时间</div>
                                <div class="result">变化原因</div>
                                <div class="gold-bean-change">金豆变化</div>
                                <div class="gold-bean-account">金豆余额</div>
                            </div>
                            <div class="table-list-body">
                                <div class="body-item">
                                    <div class="occur-time">2019-05-09  09:46:20</div>
                                    <div class="result">签到有礼，奖励27金币</div>
                                    <div class="gold-bean-change">0</div>
                                    <div class="gold-bean-account">27</div>
                                </div> 
                                <div class="body-item bg-color last">
                                    <div class="occur-time">发生时间</div>
                                    <div class="result">变化原因</div>
                                    <div class="gold-bean-change">0</div>
                                    <div class="gold-bean-account">27</div>
                                </div> 
                            </div>
                        </div>
                    </div>
                </div>
                <!-- 金豆明細 -->
            </div>
          
		</div>
	</div>
</div>
<!-- 推广首页内容 end -->
@@include('../../templeate/footer.html')
<script type="text/javascript" data-main='../../frontlib/js/logic/self/wealthDetail.js' src="../../frontlib/js/vendor/require-o.js"></script>
</body>
</html>